iT邦幫忙

2023 iThome 鐵人賽

DAY 27
0
自我挑戰組

chatGPT 帶你從零開始寫 websocket 連線遊戲系列 第 27

D27 專案狀況盤點 & 部署到 heroku

  • 分享至 

  • xImage
  •  

我們終於來到了第二十七天,中間經過了一番修修改改的程式碼整併和調校,得到了一個算是可以動的成品 (即使略過很多例外狀況和簡化了操作功能)。在這一個喘息的短暫片刻,我們會先小小的盤點一下專案的整體狀況,然後做一下部署的工作,畢竟只能跑在自己電腦上的 websocket 也不能讓其他人一起同樂,對吧?

專案狀況

程式碼傳送門

遊戲畫面:

操作流程:

目前前端頁面打開可以開房間、然後另外一個頁面輸入對應的遊戲房間可以加入,然後其中一方輸入遊戲房號可以開始遊戲 (這是當初 chatGPT 給的 code,邏輯很怪會再調整)。畫面會顯示遊戲開始等字樣,玩家看到回合開始的提示字樣可以點擊抽牌按鈕 (沒做檢查,所以可以無限抽牌),然後再點擊出牌按鈕就會切換玩家的行動回合。如果有玩家因為攻擊而血量歸零的話,遊戲就會結束。

功能擴充 & 完善

以遊戲邀請連結作為遊戲開始的方式

把遊戲大廳的部分省下來,讓玩家

前端頁面的轉場效果

畫面、按鈕可以根據遊戲的狀態更動態的調整,比較符合玩家對遊戲介面的期待

遊戲中例外狀況的處理

玩家退出房間 & 遊戲結束後需要釋放遊戲資源

斷線中離的重連機制

部署

這部分主要是今天比較想完成的,選定 heroku 的原因是它的部署方式比較便捷,雖然現在已經沒有免費套餐了,但作為概念驗證 (PoC) 等級的專案來說還算堪用。

今天花的力氣是重新建立 heroku 帳號 (不知道為什麼帳密一直登不進去),重新綁定信用卡 (不知道為什麼一直沒辦法順利綁定,說帳單地址格式不對什麼的),升級 Heroku CLI,預計明天應該可以順利把專案丟上去

這個專案的後端只是單純的 websocket server,前端頁面甚至偷懶一點也可以託管在 github pages 上。如果要搞缸(台語)一點的話就是再弄一個支援簡單靜態頁面的 http server。

大概是這樣,希望部署順利~


上一篇
D26 client 從遊戲房間到遊戲開始 (包含串接連線)
下一篇
D28 來吧部署大魔王 (附卡關實錄)
系列文
chatGPT 帶你從零開始寫 websocket 連線遊戲31
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言